<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>导航页2</title>
    <link rel='stylesheet prefetch' href='https://fonts.googleapis.com/css?family=Open+Sans'>
    <link rel="stylesheet" th:href="@{/css/page/css/style.css}">
</head>
<body>
<div class="cont s--inactive">
    <!-- cont inner start -->
    <div class="cont__inner">
        <!-- el start -->
        <div class="el">
            <div class="el__overflow">
                <div class="el__inner">
                    <div class="el__bg"></div>
                    <div class="el__preview-cont">
                        <h2 class="el__heading">Section 1</h2>
                    </div>
                    <div class="el__content">
                        <div class="el__text">Whatever</div>
                        <div class="el__close-btn"></div>
                    </div>
                </div>
            </div>
            <div class="el__index">
                <div class="el__index-back">1</div>
                <div class="el__index-front">
                    <div class="el__index-overlay" data-index="1">1</div>
                </div>
            </div>
        </div>
        <!-- el end -->
        <!-- el start -->
        <div class="el">
            <div class="el__overflow">
                <div class="el__inner">
                    <div class="el__bg"></div>
                    <div class="el__preview-cont">
                        <h2 class="el__heading">Section 2</h2>
                    </div>
                    <div class="el__content">
                        <div class="el__text">Whatever</div>
                        <div class="el__close-btn"></div>
                    </div>
                </div>
            </div>
            <div class="el__index">
                <div class="el__index-back">2</div>
                <div class="el__index-front">
                    <div class="el__index-overlay" data-index="2">2</div>
                </div>
            </div>
        </div>
        <!-- el end -->
        <!-- el start -->
        <div class="el">
            <div class="el__overflow">
                <div class="el__inner">
                    <div class="el__bg"></div>
                    <div class="el__preview-cont">
                        <h2 class="el__heading">Section 3</h2>
                    </div>
                    <div class="el__content">
                        <div class="el__text">Whatever</div>
                        <div class="el__close-btn"></div>
                    </div>
                </div>
            </div>
            <div class="el__index">
                <div class="el__index-back">3</div>
                <div class="el__index-front">
                    <div class="el__index-overlay" data-index="3">3</div>
                </div>
            </div>
        </div>
        <!-- el end -->
        <!-- el start -->
        <div class="el">
            <div class="el__overflow">
                <div class="el__inner">
                    <div class="el__bg"></div>
                    <div class="el__preview-cont">
                        <h2 class="el__heading">Section 4</h2>
                    </div>
                    <div class="el__content">
                        <div class="el__text">Whatever</div>
                        <div class="el__close-btn"></div>
                    </div>
                </div>
            </div>
            <div class="el__index">
                <div class="el__index-back">4</div>
                <div class="el__index-front">
                    <div class="el__index-overlay" data-index="4">4</div>
                </div>
            </div>
        </div>
        <!-- el end -->
        <!-- el start -->
        <div class="el">
            <div class="el__overflow">
                <div class="el__inner">
                    <div class="el__bg"></div>
                    <div class="el__preview-cont">
                        <h2 class="el__heading">Section 5</h2>
                    </div>
                    <div class="el__content">
                        <div class="el__text">Whatever</div>
                        <div class="el__close-btn"></div>
                    </div>
                </div>
            </div>
            <div class="el__index">
                <div class="el__index-back">5</div>
                <div class="el__index-front">
                    <div class="el__index-overlay" data-index="5">5</div>
                </div>
            </div>
        </div>
        <!-- el end -->
    </div>
    <!-- cont inner end -->
</div>

<script th:src="@{/css/page/js/index.js}"></script>

</body>
</html>
